<!DOCTYPE html>
<html>
<head>
<style>
.primary-1 { background-color: #3424BC; color: #FFCB10}
.primary-2 { background-color: #41388B; color: #BC9F3A }
.primary-3 { background-color: #160B77; color: #A17F05 }
.primary-4 { background-color: #6557DE; color: #FFD84C }
.primary-5 { background-color: #857BDE; color: #FFE27C }

.complement-1 { background-color: #FFCB10; color: #3424BC }
.complement-2 { background-color: #BC9F3A; color: #41388B }
.complement-3 { background-color: #A17F05; color: #160B77 }
.complement-4 { background-color: #FFD84C; color: #6557DE }
.complement-5 { background-color: #FFE27C; color: #857BDE }

body {padding-top:0; primary-1;}
#container {width:800px; margin-left:auto; margin-right:auto;}
#header h1 {margin-bottom:0; padding:25px 25px; text-align:center;}
#menu {text-align:left; height:28px;}
#menu a {font-size:150%; padding: 5px; text-decoration:none; height:28px;}
#menu a:hover {background-color: #3424BC; color: #FFD84C; margin:0px; padding-top:0px; padding-bottom:0px;}
#scoreboard {height:75px; color: #857BDE; background-image:url('ScoreboardBack.png');}
#scoreboard a {text-decoration:none;}
#footer {clear:both;text-align:center;}
#livescore {height:150px; background-color:#FFEBA8; color:#3424BC;}
#recap {height:350px; background-color:#FFF5DE; color:#3424BC;}
</style>
</head>
<body>

<div id="container" class='primary-1'>

<div id="header" class='primary-1'>
<h1>SportBoard</h1></div>

<div id="menu" class='complement-1'>
<a href="http://www.fifa.com" title="Soccer" >Soccer</a>
<a href="http://www.nba.com" title="Basketball" >Basketball</a>
</div>

<div id="scoreboard">
<div style="text-align:center; float:left;">
<div>21/10/13</div>
<a href="http://www.premierleague.com/en-gb/matchday/matches/2012-2013/epl.html/chelsea-vs-swansea">CHE 2-0 SWA</a>
<div>FT</div>
</div>
</div>

<div id="livescore">
Livescore goes here
</div>

<div id="recap">
Recap goes here
</div>

<div id="footer" class='primary-1'>
Copyright © vukojicic.net</div>

</div>
 
</body>
</html>